<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 初始化样式 -->
    <link rel="stylesheet/less" href="./css/reset.less">

    <!-- 公共样式 -->
    <link rel="stylesheet/less" href="./css/common.less">

    <!-- 本文样式 -->
    <link rel="stylesheet/less" href="./css/index.less">
</head>

<body>
    <!-- 头部 -->
    <header class="header">
        <div class="logo"><img src="./Images/logo.png" alt=""></div>
    </header>

    <!-- box -->
    <div class="box">
        <div class="top">
            <div class="left">
                <a href="./hotel.html">
                    <div class="text">预定酒店</div>
                    <div class="picture"></div>
                </a>
            </div>
            <div class="right">
                <a href="./activity.html">
                    <div class="text">最新活动</div>
                    <div class="picture"></div>
                </a>
            </div>
        </div>

        <div class="middle">
            <div class="left">
                <a href="./login.html">
                    <div class="text">我的订单</div>
                    <div class="picture"></div>
                </a>
            </div>


            <div class="right">
                <a href="./login.html">
                    <div class="text">我的格子</div>
                    <div class="picture"></div>
                </a>
            </div>
        </div>

        <div class="bottom">
            <div class="left">
                <a href="./gift.html">
                    <div class="text">礼品商店</div>
                    <div class="picture"></div>
                </a>
            </div>
            <div class="right">
                <a href="./consulting.html">
                    <div class="text">帮助咨询</div>
                    <div class="picture"></div>
                </a>
            </div>
        </div>
    </div>

    <!-- 底部 -->
    <footer class="footer">
        <div class="top">
            <a href="#"> 酒店预订</a>
            <font color="#878787">|</font>
            <a href="#"> 我的订单</a>
            <font color="#878787">|</font>
            <a href="#"> 我的格子</a>
            <font color="#878787">|</font>
            <a href="#"> 电脑版</a>
        </div>

        <div class="bottom">格子微酒店连锁 © 版权所有 2012-2013</div>
    </footer>
</body>

</html>
<script src="./js/less.min.js"></script>